<template >
 <el-scrollbar >
  <div class="container">
   
    <el-container  >
      <!-- 顶部组件 -->
      <el-header >
        <common-header></common-header>
      </el-header>
<!-- 首页主体内容：说明文档、 -->
      <el-main >
        <router-view></router-view>
        </el-main>
<!-- 底部组件： -->
      <el-footer>
        <common-footer></common-footer>
        </el-footer>
    </el-container>
    
  </div>
  </el-scrollbar>
</template>


<script>
import CommonHeader from "../components/Header.vue";
import CommonFooter from "../components/Footer.vue";
export default {
  name: "Index",
  components: {
    CommonHeader,
    CommonFooter,
  },
};
</script>
<style >
.container {
  top: 0%;
  left: 0%;
  background: rgb(241,241,241);
}

.el-main {
  padding-top: 0px;
}

.el-header,
.el-main,
.el-footer {
  padding: 0 0;
}
</style>